{"version":3,"file":"static/chunks/pages/flow/[category]-05c390f37b647909.js","mappings":"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","sources":["webpack://_N_E/?9214","webpack://_N_E/./src/components/VikingFlow/NeedIdSelect/index.js","webpack://_N_E/./src/pages/flow/[category].js","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/flow/[category]\",\n      function () {\n        return require(\"private-next-pages/flow/[category].js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/flow/[category]\"])\n      });\n    }\n  ","import React from 'react';\n\nimport { BsFillCheckCircleFill } from 'react-icons/bs';\nimport { PiCaretRightBold } from 'react-icons/pi';\n\nimport { useRouter } from 'next/router';\n\nimport StickyPhoneBubble from '@/components/StickyPhoneBubble';\n\nimport { SUBCATEGORY_NEEDS } from '@/contexts/subcategory_needs';\n\nconst ServiceSelect = (props) => {\n  const [error, setError] = React.useState(false);\n  const [selectedService, setSelectedService] = React.useState({});\n\n  const serviceOptions = SUBCATEGORY_NEEDS[props.category.name];\n\n  const router = useRouter();\n\n  React.useEffect(() => {\n    if (window.innerWidth <= 480 && selectedService.need_id) {\n      router.push(`/flow/${props.category.url_slug}/${selectedService.need_id.indexOf('service') > -1 ? 'service' : selectedService.need_id}`);\n    }\n  }, [props.category.url_slug, router, selectedService.need_id]);\n\n  const getHeadlineLabel = () => {\n    const vowels = ['a', 'e', 'i', 'o', 'u'];\n\n    const label = props.category.name_adjective || '';\n\n    if (vowels.indexOf(label.toLowerCase().substr(0, 1)) > -1) {\n      return `an ${props.category.name_adjective}`;\n    }\n    return `a ${props.category.name_adjective}`;\n  };\n\n  const handleSelect = (serviceOption) => {\n    setError(false);\n\n    setSelectedService(serviceOption);\n  };\n\n  const validate = () => {\n    if (!selectedService.need_id) {\n      setError(true);\n    } else {\n      router.push(`/flow/${props.category.url_slug}/${selectedService.need_id.indexOf('service') > -1 ? 'service' : selectedService.need_id}`);\n    }\n  };\n\n  return (\n    <div className=\"lead-flow-form-container\">\n      <div className=\"lead-flow-wrapper\">\n        {!serviceOptions && <h1>Loading Services...</h1>}\n        {serviceOptions && (\n          <>\n            <h1>Select {getHeadlineLabel()} Service.</h1>\n            <fieldset className=\"panel-content\">\n              <div className=\"row\">\n                <div className={`input-container radio-container ${error ? 'error' : ''}`}>\n                  {serviceOptions.map((serviceOption) => (\n                    <button key={serviceOption.need_id} className={`radio button ${selectedService.need_id === serviceOption.need_id ? 'selected' : ''}`} onClick={() => handleSelect(serviceOption)}>\n                      {selectedService.need_id === serviceOption.need_id && <BsFillCheckCircleFill />}\n                      {serviceOption.label}\n                      <div className=\"caret mobile\">\n                        <PiCaretRightBold />\n                      </div>\n                    </button>\n                  ))}\n                </div>\n              </div>\n              <div className=\"error_msg\">{error ? 'Please select a service.' : <span>&nbsp;</span>}</div>\n              <div className=\"row next-container\">\n                <div className=\"actions\">\n                  <button className=\"next button\" onClick={validate}>\n                    Next\n                  </button>\n                </div>\n              </div>\n            </fieldset>\n          </>\n        )}\n      </div>\n      <StickyPhoneBubble category={props.category} />\n    </div>\n  );\n};\n\nexport default ServiceSelect;\n","import React from 'react';\n\nimport Head from 'next/head';\n\nimport Header from '@/components/Header';\nimport Footer from '@/components/Footer';\nimport NeedIdSelect from '@/components/VikingFlow/NeedIdSelect';\n\nimport { CATEGORY_SUBSETS } from '@/contexts/categories_subset';\n\nexport async function getStaticPaths() {\n  const paths = CATEGORY_SUBSETS.map((category) => {\n    return {\n      params: {\n        category: category.url_slug\n      }\n    };\n  });\n  return { paths, fallback: false };\n}\n\nexport async function getStaticProps({ params }) {\n  return {\n    props: {\n      category: CATEGORY_SUBSETS.filter((category) => category.url_slug === params.category)[0]\n    }\n  };\n}\n\nconst Category = ({ category = {} }) => (\n  <div className=\"page-wrapper\">\n    <Head>\n      <meta name=\"description\" content=\"CallAPro - Find a Home Service Professional Near You\" />\n      <title>Find Home Service Pros Near You</title>\n    </Head>\n    <Header />\n    <NeedIdSelect category={category} />\n    <Footer />\n  </div>\n);\n\nexport default Category;\n"],"names":["window","__NEXT_P","push","__webpack_require__","NeedIdSelect","error","setError","React","selectedService","setSelectedService","serviceOptions","SUBCATEGORY_NEEDS","props","category","name","router","useRouter","innerWidth","need_id","url_slug","concat","indexOf","handleSelect","serviceOption","jsx_runtime","jsxs","div","className","jsx","h1","Fragment","getHeadlineLabel","label","name_adjective","toLowerCase","substr","fieldset","map","button","onClick","BsFillCheckCircleFill","PiCaretRightBold","span","StickyPhoneBubble","_category_","param","Head","meta","content","title","Header","Footer"],"sourceRoot":""}